今天意外踩到雷，決定先去逛逛medium想一下怎麼切，要用什麼元件，更好做
才不是在偷懶喔

踩雷

下npm run dev指令的時候，會出現錯誤crypto hash is not a function，看起來是遇到版本問題，crypto語法改變，嘗試把20.11.1升到22.18.0。然後npm就用不了了，因為npm.ps1會被Windows擋下來，相關政策about_Execution_Policies。
看了一圈網路上的做法:

1. 變更安全政策
2. 換到WSL

結果從powershell，改到git bash或CMD去執行，就沒事了...

tailwind css 設定

這是v4.1的安裝指南，之前都是直接用bootstrap的css，這次也想試試別的:

1. 安裝npm install tailwindcss @tailwindcss/vite
2. 設定vite.config.ts

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite' // 這行

export default defineConfig({
  plugins: [    
    tailwindcss(),  // 加入plugin
  ],
})

3. 在main.css加入

@import "tailwindcss";

其他資源

1. UI元件庫
2. How to Migrate Your Vue 3 App to Nuxt 3

作者的哈拉

糾結要不要用Nuxt，但想想還是算了，先做出來再慢慢搬